import React, { Component } from 'react'
import RouterView from '../../router/router-view'
import {RouteItem} from '../../router/router-config'
import {NavLink} from 'react-router-dom'
import './index.css'

interface IProps{
    routes:RouteItem[]
}

export default class Main extends Component<IProps>{
    render() {
        return (
            <div className="main-wrap">
                <div className="list-con">
                    <RouterView routes={this.props.routes}></RouterView>
                </div>
                <footer className="foot">
                    <NavLink to="/main/home">首页</NavLink>
                    <NavLink to="/main/my">我的</NavLink>
                </footer>
            </div>
        )
    }
}

// 1.排版首页  投票列表组件   投票选项组件

// 2.模拟数据  投票列表的数据  约束类型：接口

// 3.请求投票数据  

// 4.初始化仓库  把投票数据放到仓库

// 5.把投票数据从仓库取出来，并进行渲染
